<template>
	<view class="container">
		<view class="header-img">
			<image src="../../static/images/airpods.jpg" mode="aspectFit"></image>
		</view>
		<view class="title">
			传感器
		</view>
		<view class="desc">
			<p>双波束成形麦克风</p>
			<p>双光学传感器</p>
			<p>运动加速感应器</p>
			<p>语音加速感应器</p>
		</view>
		<view class="title">
			芯片
		</view>
		<view class="desc">
			<p>H1 耳机芯片</p>
		</view>
		<view class="title">
			控制
		</view>
		<view class="control">
			<view class="flex control-item">
				<view class="img">
					<image src="../../static/images/earPod_03.png" mode="widthFix"></image>
				</view>
				<view>
					轻点两下可播放、跳至下一曲目或接听电话
				</view>
			</view>
			<view class="flex control-item">
				<view class="img">
					<image src="../../static/images/microphone.png" mode="widthFix"></image>
				</view>
				<view>
					说声“嘿 Siri”即可播放歌曲、拨打电话或获取路线信息等
				</view>
			</view>
		</view>
		<view class="title">
			尺寸和重量(每只)<sup>1</sup>
		</view>
		<view  class="default-img margin-top-xl">
			<image src="../../static/images/earPod_01.png" mode="widthFix"></image>
		</view>
		<view class="desc">
			<p><span class="text-bold">高度：</span>40.5 毫米 (1.59 英寸)</p>
			<p><span class="text-bold">宽度：</span>16.5 毫米 (0.65 英寸)</p>
			<p><span class="text-bold">深度：</span>18.0 毫米 (0.71 英寸)</p>
			<p><span class="text-bold">重量：</span>4 克 (0.14 盎司)</p>
		</view>
		<view  class="default-img margin-bottom-lg">
			<image src="../../static/images/earPod_02.png" mode="widthFix"></image>
		</view>
		<view  class="default-img margin-tb-xl">
			<image src="../../static/images/earPod_04.png" mode="widthFix"></image>
		</view>
		<view class="desc">
			<p><span class="text-bold">高度：</span>53.5 毫米 (2.11 英寸)</p>
			<p><span class="text-bold">宽度：</span>44.3 毫米 (1.74 英寸)</p>
			<p><span class="text-bold">深度：</span>21.3 毫米 (0.84 英寸)</p>
			<p><span class="text-bold">重量：</span>40 克 (1.41 盎司)</p>
		</view>
		<view class="title">
			充电盒
		</view>
		<view class="desc">
			<p>可使用 Qi 认证充电器或通过闪电接口进行充电</p>
		</view>
		<view class="title">
			电池
		</view>
		<view class="desc">
			<p class="text-bold">AirPods 单独使用</p>
			<p>单次充电聆听时间最长可达 5 小时</p>
			<p>单次充电通话时间最长可达 3 小时</p>
		</view>
		<view class="desc">
			<p class="text-bold">AirPods 搭配无线充电盒使用</p>
			<p>聆听时间超过 24 小时</p>
			<p>通话时间最长可达 18 小时</p>
			<p>在充电盒中充电 15 分钟即可获得最长达 3 小时的聆听时间或最长达 2 小时的通话时间</p>
		</view>
		<view class="title">
			连接
		</view>
		<view class="desc">
			<p>蓝牙 5.0</p>
		</view>
		<view class="title">
			包装内容
		</view>
		<view class="desc">
			<p>AirPods</p>
			<p>无线充电盒</p>
			<p>闪电转 USB-A 连接线</p>
			<p>资料</p>
		</view>
		<view class="title">
			辅助功能
		</view>
		<view class="desc">
			<p>众多辅助功能可帮助残障人士充分发掘新 AirPods 的精彩。各项功能包括：</p>
			<p class="margin-top-lg">实时收听音频</p>
		</view>
		<view class="title">
			系统要求
		</view>
		<view class="desc">
			<p>iPhone 和 iPod touch：安装最新版本 iOS 的机型</p>
			<p>iPad：安装最新版本 iPadOS 的机型</p>
			<p>Apple Watch：安装最新版本 watchOS 的表款</p>
			<p>Mac：安装最新版本 macOS 的机型</p>
		</view>
		<view class="title">
			兼容性
		</view>
		<view class="desc">
			<p class="text-bold">iPhone 机型</p>
			<p>iPhone 11 Pro</p>
			<p>iPhone 11 Pro Max</p>
			<p>iPhone Xs</p>
			<p>iPhone XS Max</p>
			<p>iPhone XR</p>
			<p>iPhone X</p>
			<p>iPhone 8</p>
			<p>iPhone 8 Plus</p>
			<p>iPhone 7</p>
			<p>iPhone 7 Plus</p>
			<p>iPhone SE</p>
			<p>iPhone 6s</p>
			<p>iPhone 6s Plus</p>
			<p>iPhone 6</p>
			<p>iPhone 6 Plus</p>
			<p>iPhone 5s</p>
			<p class="text-bold margin-top-lg">iPod 机型</p>
			<p>iPod touch (第七代)</p>
			<p>iPod touch (第六代)</p>
			<p class="text-bold margin-top-lg">Mac 机型</p>
			<p>MacBook (视网膜显示屏，12 英寸，<br />2015 年初 – 2017 年机型)</p>
			<p>MacBook Air (11 英寸，<br />2012 年中 – 2015 年初机型)</p>
			<p>MacBook Air (13 英寸，<br />2012 年中 – 2017 年机型)</p>
			<p>MacBook Air (视网膜显示屏，13 英寸，<br />2018 年 – 2019 年机型)</p>
			<p>MacBook Pro (视网膜显示屏，13 英寸，<br />2012 年末 – 2015 年初机型)</p>
			<p>MacBook Pro (视网膜显示屏，15 英寸，<br />2012 年中 – 2015 年中机型)</p>
			<p>MacBook Pro (13 英寸，<br />2012 年中 – 2019 年机型)</p>
			<p>MacBook Pro (15 英寸，<br />2012 年中 – 2019 年机型)</p>
			<p>iMac (21.5 英寸，<br />2012 年末 – 2017 年机型)</p>
			<p>iMac (27 英寸，<br />2012 年末 – 2013 年末机型)</p>
			<p>iMac (视网膜 4K 显示屏，21.5 英寸，<br />2015 年末 – 2019 年机型)</p>
			<p>iMac (视网膜 5K 显示屏，27 英寸，<br />2014 年末 – 2019 年机型)</p>
			<p>iMac Pro (2017 年机型)</p>
			<p>Mac mini (2012 年末 – 2018 年末机型)</p>
			<p>Mac Pro (2010 年中 - 2019 年机型)</p>
			<p class="text-bold margin-top-lg">iPad 机型</p>
			<p>12.9 英寸 iPad Pro (第三代)</p>
			<p>12.9 英寸 iPad Pro (第二代)</p>
			<p>12.9 英寸 iPad Pro (第一代)</p>
			<p>11 英寸 iPad Pro</p>
			<p>10.5 英寸 iPad Pro</p>
			<p>9.7 英寸 iPad Pro</p>
			<p>iPad (第七代)</p>
			<p>iPad (第六代)</p>
			<p>iPad (第五代)</p>
			<p>iPad Air (第三代)</p>
			<p>iPad Air 2</p>
			<p>iPad Air (第一代)</p>
			<p>iPad mini (第五代)</p>
			<p>iPad mini 4</p>
			<p>iPad mini 3</p>
			<p>iPad mini 2</p>
			<p class="text-bold margin-top-lg">Apple Watch 表款</p>
			<p>Apple Watch Series 5</p>
			<p>Apple Watch Series 4</p>
			<p>Apple Watch Series 3</p>
			<p>Apple Watch Series 2</p>
			<p>Apple Watch Series 1</p>
		</view>
		<!-- <view class="footer-wrapper">
			<view class="footer">
				
			</view>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.container {
		font-size: 14px;
		padding: 0 20px;
		.header-img {
			padding-top: 20px;
			text-align: center;
			image {
				width: 190px;
			}
		}
		.title {
			font-size: 20px;
			font-weight: 600;
			padding: 20px 0;
			border-bottom: 1px solid #d2d2d7;
		}
		.desc {
			padding: 30px 0;
			p {
				margin-bottom: 10px;
			}
		}
		.control {
			padding: 30px 0;
			&-item {
				margin-bottom: 10px;
			}
			.img {
				margin-right: 30px;
			}
			image {
				width: 20px;
			}
		}
		sup{
			display: inline;
		    font-size: 10px;
		    vertical-align:text-top;
		}
		.default-img {
			image {
				width: 250px;
			}
		}
	}
</style>
